
    <style>
        body {
            text-align: center;
        }

        #container {margin:0 auto;}
    </style>
</head>
<body>
<header class="ui-header ui-header-positive ui-border-b">
    <h1>排名</h1>
</header>
<section class="ui-container ui-center">
<ul class="ui-list ui-list-one ui-list-link ui-border-tb">
    <?php foreach($list as $item):?>
    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(<?=$item['headimgurl']?>)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap"><?=$item['realname']?></h4>
            <div class="ui-txt-info"><?=$item['total_fee']/100?>元</div>
        </div>
    </li>
    <?php endforeach;?>


    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap">买的东西</h4>
            <div class="ui-reddot ui-reddot-static"></div>
        </div>
    </li>
</ul>
<ul class="ui-list ui-list-one ui-list-link ui-border-tb">
    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap">昵称</h4>
            <div class="ui-txt-info">分数</div>
        </div>
    </li>
    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap">买的东西</h4>
            <div class="ui-reddot ui-reddot-static"></div>
        </div>
    </li>
</ul>
<ul class="ui-list ui-list-one ui-list-link ui-border-tb">
    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap">昵称</h4>
            <div class="ui-txt-info">分数</div>
        </div>
    </li>
    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap">买的东西</h4>
            <div class="ui-reddot ui-reddot-static"></div>
        </div>
    </li>
</ul>
<ul class="ui-list ui-list-one ui-list-link ui-border-tb">
    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap">昵称</h4>
            <div class="ui-txt-info">分数</div>
        </div>
    </li>
    <li class="ui-border-t">
        <div class="ui-list-thumb">
            <span style="background-image:url(http://placeholder.qiniudn.com/100x100)"></span>
        </div>
        <div class="ui-list-info">
            <h4 class="ui-nowrap">买的东西</h4>
            <div class="ui-reddot ui-reddot-static"></div>
        </div>
    </li>
</ul>
    </section>
</body>
</html>